
html {
    font-size: 15px;
}
body{
    margin:0;
}
/* 适配移动端 */
@media screen and(min-width: 320px)and(max-width: 359px){ 
html{ 
font-size: 12.8px !important; 
} 
} 
@media screen and(min-width: 360px)and(max-width: 374px){ 
html{ 
font-size: 14.4px !important; 
} 
} 
@media screen and(min-width: 375px)and(max-width: 385px){ 
html{ 
font-size: 15px !important; 
} 
} 
@media screen and(min-width: 386px)and(max-width: 392px) { 
html { 
font-size: 15.44px !important; 
} 
} 
@media screen and(min-width: 393px)and(max-width: 400px){ 
html{ 
font-size: 16px !important; 
} 
} 
@media screen and(min-width: 401px)and(max-width: 414px){ 
html{ 
font-size: 16.48px !important; 
} 
} 
@media screen and(min-width: 415px)and(max-width:700px){ 
    html{ 
    font-size: 17.84px !important; 
    } 
}
    
                    
/*适配ipad*/
@media screen and (min-width: 701px) and (max-width: 768px){
    html {
        font-size: 32.76px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 810px) {
    html{
        font-size: 35.69px !important;
    }
}
@media screen and (min-width: 811px) and (max-width: 905px) {
    html{
        font-size: 38.44px !important;
    }
}
@media screen and (min-width: 906px) and (max-width: 1024px) {
    html{
        font-size: 42.69px !important;
    }
}

/*适配Pc*/
@media screen and (min-width: 1025px){
    .goods-list{
        height:auto;
    }
    .goods-list li{
        width:218px  !important;
        box-sizing: content-box !important;
        min-height:390px !important;
        padding-bottom:0.5rem !important;
    }
    .goods-list li .main-img{
        width:218px !important;
        height:218px !important;
    }
}
@media screen and (min-width:1025px) and (max-width: 1190px){
    .content{
        width:1024px !important;
        padding:40px 12px  !important;
    }
    .goods-layout{
        width:1000px  !important;
    }
    .goods-list{
        width:1040px  !important;
        margin-right:-40px  !important;
    }
    .goods-list li{
        margin-right:40px;
    }
   
}
@media screen and (min-width: 1191px) and (max-width: 1365px){
    .content{
        width:1124px !important;
        padding:40px 12px  !important;
       
    }
    .goods-layout{
        width:1100px  !important;
    }
}

@media screen and (min-width: 1366px){
    .content{
        width:1350px !important;
        padding:40px 15px  !important;
    }
    .goods-layout{
        width:1320px  !important;
    }
    
}


html ,body{
    /* font-size:0.9rem; */
    /* line-height:1.2rem; */
    color:#666;
    font-family: '微软雅黑';
    width:100%;
    height:100%;
}
em, i, u {
    font-style: normal;
}
ul{
    list-style: none;
    padding:0;
}
a{
    text-decoration: none;
}
.content{
    width:100%;
    padding:5%;
    box-sizing:border-box;
    font-size:0.9rem;
    line-height:1.2rem;
    margin:0 auto;
}
.filter-condition{
    width:100%;
    background:#f1f1f1;
    box-sizing:border-box;
    height:3rem;
    padding-left:0.5rem;
    display: flex;
    align-items:center;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    margin-bottom:2rem;

}
.filter-condition ul{
    font:0.8rem tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;
    color:#333;
    width:18rem;
    display: flex;
    height:1.5625rem;
    line-height:1.5625rem;
}
.filter-condition ul li{
    width:6.5rem;
    box-sizing: border-box;
    text-align:center;
    border:1px solid #ccc;   
    border-left:none;
    background:white;
    cursor: pointer;
}
.filter-condition ul li:nth-child(1){
    border-left:1px solid #ccc;
}
.filter-condition ul li:hover,.filter-condition ul li.hover{
    background:#e4393c;
    color:white;
    border:1px solid #e4393c;
}

.goods-layout{
    width:100%;
}
.goods-list{
    height:auto;
    width:100%;
}
.goods-list li{
    float:left;
    width:50%;
    min-height:26rem;
    overflow: hidden;
    border:1px solid #fff;
    transition:border  0.5s ease;
    margin-bottom:2.5rem;
    box-sizing: border-box;
    padding:0.625rem 0 0.32rem 0;
}
.goods-list li:hover{
    border:1px solid #e1e1e1 ;
    box-shadow:0 0 2px 2px #f1f1f1;
}
.goods-list li .main-img{
    width:10rem;
    height:10rem;
    margin:0 auto;
    overflow: hidden;
}
.goods-list li .main-img img{
    display: block;
    width:100%;
    height:100%;
}
.goods-list li .other-imgs{
    min-height:2rem;
    width:100%;
    padding:0 0.6rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap:wrap;
    margin:0.6rem 0;
}
.goods-list li .other-imgs img{
    display:block;
    height:2rem;
    width:2rem;
    border:1px solid #ddd;
    transition: border 0.1s ease;
    margin: 0 0 0.34rem 0.34rem;
    box-sizing: border-box;
}

.goods-list li .other-imgs img:hover,.goods-list li .other-imgs img.hover{
    border:2px solid #e4393c;
}
.goods-desc{
    padding:0 0.6rem;
    box-sizing:border-box;
    color:#666;
}
.goods-price{
    color: #e4393c;
    font-size: 1.33rem;
    font-weight: 400;
    font-family: "Verdana";
    line-height:1.46rem;
    height:1.46rem;
    overflow: hidden;
    width: 100%;
    margin: 0 0 0.53rem;
}
.goods-title{
    display: block;
    min-height:1.33rem;
    line-height: 1.33rem;
    margin-bottom:0.53rem;
}
a.goods-title:hover{
    color:red;
}
.goods-title:visited{
    color:#666;
}

.goods-comments{
    color:#999;
    
}
.goods-comments a {
    color:#646fb0;
    font-family: verdana;
    font-weight: 700;
}



